<html lang="en" class="page">
<head>
    <title>Start Page</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script type="text/javascript" src="js/Amaranth_400.font.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/scroll.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="js/atooltip.jquery.js"></script>
    <!-- PhoneGap references -->
    <script type="text/javascript" src="cordova-2.5.0.js"></script>
    <script>
        //$(window).bind("orientationchange", function () {
        //    var orientation = window.orientation;
        //    var new_orientation = (orientation) ? 0 : 180 + orientation;
        //    $('.body1').css({
        //        "-webkit-transform": "rotate(" + new_orientation + "deg)"
        //    });
        //});
        var iGhiNhoLuaChon = window.localStorage.getItem('iGhiNhoLuaChon');
        var x = window.sessionStorage.getItem('dautien0123');
        var LuaChon = window.localStorage.getItem('LuaChon');
        if (iGhiNhoLuaChon == '1' && x != '0123') {
            if (LuaChon == 0) window.location = 'index.html';
            if (LuaChon == 1) window.location = 'news.html';
            if (LuaChon == 2) window.location = 'lookup.html';
        }
        window.sessionStorage.setItem('dautien0123', '0123');
    </script>
</head>
<body class="body">
    <div class="body1">
        <div class="body2">
            <div class="main">
                <!-- header -->
                <header>
                    <div class="wrapper">
                        <div style="float: left; padding-left: 10px; padding-top: 10px; font-family: Tahoma; font-weight: bold; color: red;" id="mucchon">Địa điểm</div>
                        <nav>
                            <ul id="top_nav">
                                <li class="bg_none"><a href="#page_Home" class="icon1" onclick="document.getElementById('mucchon').innerHTML = 'Địa điểm'"></a></li>
                                <li><a href="#page_News" class="icon2" onclick="document.getElementById('mucchon').innerHTML = 'Tin tức'"></a></li>
                                <li><a href="#page_Services" class="icon3" onclick="document.getElementById('mucchon').innerHTML = 'Tra cứu'"></a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="wrapper">
                        <ul id="icons">
                            <li style="padding-right: 10px;"><a href="#" onclick="gotoFunctions()" class="normaltip" title="Truy cập">
                                <img src="images/login.png" alt=""></a></li>
                            <!--<li><a href="#" class="normaltip" title="www.facebook.com/ChuwxNTC">
                                <img src="images/icon_1.png" alt=""></a></li>
                            <li><a href="#" class="normaltip" title="twitter.com/ChuwxNTC">
                                <img src="images/icon_3.png" alt=""></a></li>-->
                            <li style="padding-top: 25px;"><a onclick="clickChuaChon()" class="normaltip" id="chuachon" title="Ghi nhớ lựa chọn cho lần sau">
                                <img src="images/icon_2.png" alt=""></a></li>
                            <li style="padding-top: 25px;"><a onclick="clickDaChon()" class="normaltip" id="dachon" title="Ghi nhớ lựa chọn cho lần sau">
                                <img src="images/icon_4.png" alt=""></a></li>
                            <li style="padding-left: 10px; color: #0094ff; padding-top: 30px;" onclick="ghiNhoLuaChon()"><strong>Ghi nhớ lựa chọn</strong></li>
                        </ul>
                        <ul style="float:right;">
                            <li style="padding-right: 10px; padding-top:20px;"><a href="#" onclick="navigator.app.exitApp();" class="normaltip" title="Thoát ứng dụng">
                                <img src="images/close.png" alt=""></a></li>
                        </ul>
                    </div>
                </header>
                <!-- / header -->
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="main">
            <nav>
                <ul id="menu">
                    <li class="menu_active nav1"><a href="#page_Home" onclick="document.getElementById('mucchon').innerHTML = 'Địa điểm'">Location</a></li>
                    <li>&nbsp;</li>
                    <li class="nav2"><a href="#page_News" onclick="document.getElementById('mucchon').innerHTML = 'Tin tức'">News</a></li>
                    <li>&nbsp;</li>
                    <li class="nav3"><a href="#page_Services" onclick="document.getElementById('mucchon').innerHTML = 'Tra cứu'">Lookup</a></li>
                    <li>&nbsp;</li>
                    <li class="nav4"><a href="#page_Products">About</a></li>
                    <li>&nbsp;</li>
                </ul>
            </nav>
            <!-- content -->
            <section id="content">
                <div id="page_Home">
                    <div id="slider">
                        <img src="images/diadiem1.jpg" alt="">
                        <img src="images/diadiem2.jpg" alt="">
                        <img src="images/diadiem3.jpg" alt="">
                    </div>
                    <div id="slider_shadow"></div>
                    <div class="banners">
                        <div class="col1 pad_left1">
                            <div class="ban2">
                                <div class="pad">
                                    <h2>Location<strong>&nbsp;</strong><span>...</span></h2>
                                    <p style="text-align: justify">Hỗ trợ tìm kiếm nhanh các địa điểm như: ATM, ngân hàng, trường học, cafe, nhà hàng, siêu thị,...</p>
                                    <div class="center">
                                        <a href="#" class="button1" style="padding-top: 10px;" onclick="window.location ='index.html'">Now</a>
                                        <div class="button1_shadow"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="banner_shadow"></div>
                        </div>
                        <div class="col1 pad_left1">
                            <div class="ban3">
                                <div class="pad">
                                    <h2>Utility<strong>&nbsp;</strong><span>...</span></h2>
                                    <p style="text-align: justify">
                                        - Tìm theo danh mục<br />
                                        - Tìm chỉ dẫn xe bus<br />
                                        - Tìm đường đi<br />
                                    </p>
                                    <div class="center">
                                        <a href="#" class="button1" style="padding-top: 10px;" onclick="window.location='index.html'">Now</a>
                                        <div class="button1_shadow"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="banner_shadow"></div>
                        </div>
                    </div>
                </div>
                <div id="newsreader">
                    <h2>News &amp; reader</h2>
                    <div class="box1_bot">
                        <div class="box1_left">
                            <div class="box1_right">
                                <div class="box1">
                                    <div class="pad">
                                        <div class="wrapper pad_bot2">
                                            <figure class="left marg_right1">
                                                <img src="images/page1_img1.jpg" alt="">
                                            </figure>
                                            <div style="height: 90px;">&nbsp;</div>
                                            <div id="page_News"></div>
                                            <p class="pad_bot1 pad_top1"><strong>Tra cứu nhiều loại báo</strong></p>
                                            <p style="text-align: justify">Sử dụng RSS giúp đọc vắn tắc các tin, giúp bạn chọn lọc những tin ưa thích</p>
                                        </div>
                                        <div class="wrapper">
                                            <figure class="left marg_right1">
                                                <img src="images/page1_img2.jpg" alt="">
                                            </figure>
                                            <p class="pad_bot1 pad_top1"><strong>Nhiều mục báo cho sự lựa chọn của bạn</strong></p>
                                            <p style="text-align: justify">Có rất nhiều đầu báo như: VnExpress, tuổi trẻ, thanh niên, Việt báo,.. cùng với nhiều chung mục hấp dẫn.</p>
                                        </div>
                                        <div class="center" style="border: 1px solid; padding-top: 10px">
                                            <a href="#" class="button1" style="padding-top: 10px;" onclick="window.location='news.html'">Now</a>
                                            <div class="button1_shadow"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="ntclookup">
                    <h2>Lookup</h2>
                    <div class="wrapper marg_top1">
                        <div class="col2">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1" onclick="window.location='lookup.html'">
                                            <div class="pad">
                                                <div class="wrapper">
                                                    <figure class="left marg_right2">
                                                        <a href="#">
                                                            <img src="images/weather.png" alt=""></a>
                                                    </figure>
                                                    <h3><a href="#">XSKT</a></h3>

                                                    <div style="height: 50px;"><strong>May mắn</strong></div>
                                                    <div id="page_Services"></div>
                                                    <p style="text-align: justify">Cho kết quả xổ số kiến thiết tất cả các đài và điện toán.</p>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wrapper">
                        <div class="col2">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1" onclick="window.location='lookup.html'">
                                            <div class="pad">
                                                <div class="wrapper">
                                                    <figure class="left marg_right2">
                                                        <a href="#">
                                                            <img src="images/dollar.png" alt=""></a>
                                                    </figure>
                                                    <h3><a href="#">Giá vàng</a></h3>
                                                    <p style="text-align: justify">Tra cứu tỉ giá ngoại, giá vàng,... </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="wrapper marg_top1">
                        <div class="col2">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1" onclick="window.location='lookup.html'">
                                            <div class="pad">
                                                <div class="wrapper">
                                                    <figure class="left marg_right2">
                                                        <a href="#">
                                                            <img src="images/weather.png" alt=""></a>
                                                    </figure>
                                                    <h3><a href="#">Weather</a></h3>
                                                    <p>Tra cứu thời tiết.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="albodjf">
                    <h2>About</h2>
                    <div class="wrapper">
                        <div class="col1">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1">
                                            <div class="pad">
                                                <figure class="pad_bot1">
                                                    <a href="#">
                                                        <img src="images/page3_img1.jpg" alt=""></a>
                                                </figure>
                                                <div id="page_Products"></div>
                                                <h3><a href="#">Author</a></h3>
                                                <p>Nguyễn Tấn Chữ</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col1">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1">
                                            <div class="pad">
                                                <figure class="pad_bot1">
                                                    <a href="#">
                                                        <img src="images/icon.png" alt=""></a>
                                                </figure>
                                                <h3><a href="#">Wikilookup</a></h3>
                                                <p>Chương trình tìm nhanh địa điểm, tra cứu, đọc báo.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col1">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1">
                                            <div class="pad">
                                                <figure class="pad_bot1">
                                                    <a href="#">
                                                        <img src="images/hcmute.png" alt=""></a>
                                                </figure>
                                                <h3><a href="#">SPKT</a></h3>
                                                <p>Trường ĐH Sư Phạm Kỹ Thuật Tp. HCM</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col1">
                            <div class="box1_bot">
                                <div class="box1_left">
                                    <div class="box1_right">
                                        <div class="box1">
                                            <div class="pad">
                                                <figure class="pad_bot1">
                                                    <a href="#">
                                                        <img src="images/ithcmute.png" alt=""></a>
                                                </figure>
                                                <h3><a href="#">CNTT</a></h3>
                                                <p>Công Nghệ Thông Tin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>
            <!-- / content -->
        </div>
    </div>
    <script type="text/javascript">
        Cufon.now();
        $('#dachon').hide();

        function clickChuaChon() {
            $('#chuachon').hide();
            $('#dachon').show();
            iGhiNhoLuaChon = 1;
            window.localStorage.setItem('iGhiNhoLuaChon', iGhiNhoLuaChon);
        }

        function clickDaChon() {
            $('#dachon').hide();
            $('#chuachon').show();
            iGhiNhoLuaChon = 0;
            window.localStorage.setItem('iGhiNhoLuaChon', iGhiNhoLuaChon);
        }

        function ghiNhoLuaChon() {
            if (iGhiNhoLuaChon == 0) clickChuaChon();
            else clickDaChon();
        }

        function gotoFunctions() {
            var type = document.getElementById('mucchon').innerHTML;
            if (type == 'Địa điểm') LuaChon = 0;
            else if (type == 'Tin tức') LuaChon = 1;
            else if (type == 'Tra cứu') LuaChon = 2;

            window.localStorage.setItem('LuaChon', LuaChon);

            if (LuaChon == 0) window.location = 'index.html';
            if (LuaChon == 1) window.location = 'news.html';
            if (LuaChon == 2) window.location = 'lookup.html';
        }
        if (iGhiNhoLuaChon == 1) clickChuaChon();
        else clickDaChon();
        if (LuaChon == 0) document.getElementById('mucchon').innerHTML = 'Địa điểm';
        if (LuaChon == 1) document.getElementById('mucchon').innerHTML = 'Tin tức';
        if (LuaChon == 2) document.getElementById('mucchon').innerHTML = 'Tra cứu';
    </script>
</body>
</html>
